<template>
  <div>
    <a-card :bordered="false" class="ant-pro-components-tag-select">
      <a-form layout="inline">
        <standard-form-row block style="padding-bottom: 11px;">
          <a-form-item>
            <a-radio-group style="margin-left:1px" defaultValue="a" button-style="solid">
              <p class="pHeight">
                所属类目：
                <a-radio-button @click="select(0)" class="labelLayout" value="a">话题中心</a-radio-button>
                <a-radio-button @click="select(1)" class="labelLayout" value="b">社团活动</a-radio-button>
                <a-radio-button v-if="role === 'ROLE_CLUBADMIN'" @click="select(6)" class="labelLayout" value="g">我的社团</a-radio-button>
                <a-radio-button @click="select(2)" class="labelLayout" value="c">兼职大厅</a-radio-button>
                <a-radio-button @click="select(3)" class="labelLayout" value="d">赞助大厅</a-radio-button>
                <a-radio-button @click="select(4)" class="labelLayout" value="e">丢失大厅</a-radio-button>
                <a-radio-button @click="select(5)" class="labelLayout" value="f">学校新闻</a-radio-button>
              </p>
            </a-radio-group>
          </a-form-item>
        </standard-form-row>
        <a-input-search
          :allowClear="allowClear"
          :loading="loading"
          placeholder="请输入关键字"
          style="margin-top: 8px;width: 300px"
          @search="onSearch"
          enter-button
          v-model="searchData"
        />
      </a-form>
    </a-card>
    <p style="height:10px" />
    <!-- 话题 -->
    <a-list
      v-show="topic"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="this.topicDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllTopic():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-card :headStyle="headStyle" :title="item.title">
          <a-card-meta :style="'margin-top:-68px;margin-left:-16px'">
            <a-avatar
              class="topicimage"
              slot="avatar"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            />
          </a-card-meta>
          <!-- <a slot="extra" class="topicExtendMore" href="#">more</a> -->
          <p
            class="TopiccontentDetermine"
          >{{ item.content }}</p>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index,'topic')" />
            <a-icon key="delete" type="delete" @click="remove(index,'topic')" />
          </template>
          <template slot="tabBarExtraContent" class="ant-card-tabBarExtraContent">
            <a-icon key="edit" type="edit" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <!-- 新闻 -->
    <a-list
      v-show="news"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="this.newDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllNews():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-card :title="item.title">
          <!-- <a slot="extra" class="newsExtendMore" href="#">more</a> -->
          <p
            class="newsContentDetermine"
          >{{ item.content }}</p>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index,'news')" />
            <a-icon key="delete" type="delete" @click="remove(index,'news')" />
          </template>
          <template slot="tabBarExtraContent" class="ant-card-tabBarExtraContent">
            <a-icon key="edit" type="edit" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <!-- 社团 -->
    <a-list
      v-show="club"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="clubDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllClub():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-card :hoverable="true" class="club_top">
          <div class="flexBox">
            <p class="clubTitle">「{{ item.clubName }}」{{ item.title }}</p>
          </div>
          <!-- <div class="clubmoreflatbox">
            <a class="clubExtendMore" href="#">more</a>
          </div> -->
          <p
            class="clubContentDetermine"
          >{{ item.content }}</p>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index, 'club')" />
            <a-icon key="delete" type="delete" @click="remove(index, 'club')" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <a-list
      v-show="privateClub"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="clubDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllPrivateClub():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-card :hoverable="true" class="club_top">
          <div class="flexBox">
            <p class="clubTitle">「{{ item.clubName }}」{{ item.title }}</p>
          </div>
          <!-- <div class="clubmoreflatbox">
            <a class="clubExtendMore" href="#">more</a>
          </div> -->
          <p
            class="clubContentDetermine"
          >{{ item.content }}</p>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index, 'privateClub')" />
            <a-icon key="delete" type="delete" @click="remove(index, 'privateClub')" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <!-- 兼职 -->
    <a-list
      v-show="part"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="partTimeDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllPartTime():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-card :hoverable="true">
          <div class="partflexBox">
            <a-avatar
              slot="avatar"
              class="partimage"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            />
            <div>
              <p class="partTitle">{{ item.title }}</p>
              <div class="flexBox">
                <p class="partContent">{{ item.unit }}</p>
              </div>
              <!-- <a class="partExtendMore" href="#">more</a> -->
            </div>
          </div>
          <a-card-meta class="iconAction">
          </a-card-meta>
          <p style="height:20px" />
          <p class="contentLine">工作方式：{{ item.post }}</p>
          <p class="contentLine">结算方式：{{ item.settlement }}</p>
          <p class="contentLine">金额：{{ item.money }}</p>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index, 'part')" />
            <a-icon key="delete" type="delete" @click="remove(index, 'part')" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <!-- 赞助 -->
    <a-list
      v-show="sponsor"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="sponsorDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllSponser():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item, index">
        <a-card :hoverable="true">
          <a-card-meta class="sponsoriconAction">
            <a-avatar
              slot="avatar"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            />
          </a-card-meta>
          <p class="partTitle">{{ item.name }}</p>
          <!-- <a class="partExtendMore" href="#">more</a> -->
          <p class="sponsorContent">{{ item.unit }}</p>
          <p class="contentLine">宣传形式 : {{ item.spread }}</p>
          <p class="contentLine">联系方式 : {{ item.phone }}</p>
          <p class="contentLine">赞助金额 : {{ item.money }}</p>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index, 'sponsor')" />
            <a-icon key="delete" type="delete" @click="remove(index, 'sponsor')" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <!-- 丢失 -->
    <a-list
      v-show="lost"
      :grid="{ gutter: 16, column: 3 }"
      :data-source="lostDataList"
      :pagination="{onChange: (current, size) => {this.num = current,this.searchResult?this.reAllLost():this.onSearch()}, showQuickJumper: true, pageSize: 12, total: totalList}"
    >
      <a-list-item slot="renderItem" slot-scope="item,index">
        <a-card :hoverable="true">
          <div class="flexBox">
            <p
              class="lostTitle"
            >{{ item.name }}</p>
            <!-- <a class="partExtendMore" href="#">more</a> -->
          </div>
          <a-card-meta class="lostIconAction">
            <a-avatar
              slot="avatar"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            />
          </a-card-meta>
          <p style="height:8px" />
          <div class="flexPicture">
            <div>
              <p class="contentLine">丢失物品:{{ item.goods }}</p>
              <p class="contentLine">丢失地点:{{ item.place }}</p>
              <p class="contentLine">联系方式:{{ item.phone }}</p>
            </div>
            <!-- <img style="width:60px;height:60px;margin-right:-20px" src="../../assets/code.jpg" /> -->
          </div>
          <p class="timeLine">{{ item.createTime }}</p>
          <template slot="actions" class="ant-card-actions">
            <a-icon key="edit" type="edit" @click="editor(index, 'lost')" />
            <a-icon key="delete" type="delete" @click="remove(index, 'lost')" />
          </template>
        </a-card>
      </a-list-item>
    </a-list>
    <!-- 控制编辑弹窗——topic -->
    <a-modal
      title="话题更新"
      style="top: 20px;"
      :width="800"
      v-model="visibleTopic"
      @ok="handleOk('topic')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="标题" hasFeedback>
          <a-input placeholder="默认数据" v-decorator="['id']" v-model="editorview.title" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
        <div class="clearfix">
          <a-upload
            action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
            list-type="picture-card"
            :file-list="fileList"
            @preview="handlePreview"
            @change="handleChange"
          >
            <div v-if="fileList.length < 6">
              <a-icon type="plus" />
              <div class="ant-upload-text">Upload</div>
            </div>
          </a-upload>
          <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
            <img alt="example" style="width: 100%" :src="previewImage" />
          </a-modal>
        </div>
      </a-form>
    </a-modal>
    <!-- 控制编辑弹窗——news -->
    <a-modal
      title="新闻更新"
      style="top: 20px;"
      :width="800"
      v-model="visibleNews"
      @ok="handleOk('news')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="标题" hasFeedback>
          <a-input placeholder="默认标题" v-decorator="['id']" v-model="editorview.title" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
      </a-form>
      <div class="clearfix">
        <a-upload
          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
          list-type="picture-card"
          :file-list="fileList"
          @preview="handlePreview"
          @change="handleChange"
        >
          <div v-if="fileList.length < 6">
            <a-icon type="plus" />
            <div class="ant-upload-text">Upload</div>
          </div>
        </a-upload>
        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
          <img alt="example" style="width: 100%" :src="previewImage" />
        </a-modal>
      </div>
    </a-modal>
    <!-- 控制编辑弹窗——part -->
    <a-modal
      title="兼职更新"
      style="top: 20px;"
      :width="800"
      v-model="visiblePart"
      @ok="handleOk('part')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="标题" hasFeedback>
          <a-input placeholder="默认标题" v-decorator="['id']" v-model="editorview.title" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单位" hasFeedback>
          <a-input placeholder="默认单位" v-model="editorview.unit" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="职位" hasFeedback>
          <a-input placeholder="默认职位" v-model="editorview.post" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="工作时间" hasFeedback>
          <a-input placeholder="默认工作时间" v-model="editorview.createTime" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="结算方式" hasFeedback>
          <a-input placeholder="默认结算方式" v-model="editorview.settlement" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="地点" hasFeedback>
          <a-input placeholder="默认地点" v-model="editorview.place" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="薪水" hasFeedback>
          <a-input placeholder="默认薪水" v-model="editorview.money" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系方式" hasFeedback>
          <a-input placeholder="默认联系方式" v-model="editorview.phone" />
        </a-form-item>
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
      </a-form>
      <div class="clearfix">
        <a-upload
          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
          list-type="picture-card"
          :file-list="fileList"
          @preview="handlePreview"
          @change="handleChange"
        >
          <div v-if="fileList.length < 6">
            <a-icon type="plus" />
            <div class="ant-upload-text">Upload</div>
          </div>
        </a-upload>
        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
          <img alt="example" style="width: 100%" :src="previewImage" />
        </a-modal>
      </div>
    </a-modal>
    <!-- 控制编辑弹窗——sponsor -->
    <a-modal
      title="赞助更新"
      style="top: 20px;"
      :width="800"
      v-model="visibleSponsor"
      @ok="handleOk('sponsor')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="单位" hasFeedback>
          <a-input placeholder="默认单位" v-decorator="['id']" v-model="editorview.unit" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="金额" hasFeedback>
          <a-input placeholder="默认金额" v-decorator="['id']" v-model="editorview.money" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="宣传方式" hasFeedback>
          <a-input placeholder="默认宣传方式" v-decorator="['id']" v-model="editorview.spread" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系方式" hasFeedback>
          <a-input placeholder="默认联系方式" v-model="editorview.phone" />
        </a-form-item>
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
      </a-form>
      <div class="clearfix">
        <a-upload
          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
          list-type="picture-card"
          :file-list="fileList"
          @preview="handlePreview"
          @change="handleChange"
        >
          <div v-if="fileList.length < 6">
            <a-icon type="plus" />
            <div class="ant-upload-text">Upload</div>
          </div>
        </a-upload>
        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
          <img alt="example" style="width: 100%" :src="previewImage" />
        </a-modal>
      </div>
    </a-modal>
    <!-- 控制编辑弹窗——club -->
    <a-modal
      title="活动更新"
      style="top: 20px;"
      :width="800"
      v-model="visibleClub"
      @ok="handleOk('club')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="标题" hasFeedback>
          <a-input placeholder="默认标题" v-decorator="['id']" v-model="editorview.title" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="地点" hasFeedback>
          <a-input placeholder="默认地点" v-decorator="['id']" v-model="editorview.place" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="时间" hasFeedback>
          <a-input placeholder="默认时间" v-decorator="['id']" v-model="editorview.createTime" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
      </a-form>
      <div class="clearfix">
        <a-upload
          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
          list-type="picture-card"
          :file-list="fileList"
          @preview="handlePreview"
          @change="handleChange"
        >
          <div v-if="fileList.length < 6">
            <a-icon type="plus" />
            <div class="ant-upload-text">Upload</div>
          </div>
        </a-upload>
        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
          <img alt="example" style="width: 100%" :src="previewImage" />
        </a-modal>
      </div>
    </a-modal>
    <!-- 控制编辑弹窗——privateClub -->
    <a-modal
      title="活动更新"
      style="top: 20px;"
      :width="800"
      v-model="visiblePrivateClub"
      @ok="handleOk('privateClub')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="标题" hasFeedback>
          <a-input placeholder="默认标题" v-decorator="['id']" v-model="editorview.title" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="地点" hasFeedback>
          <a-input placeholder="默认地点" v-decorator="['id']" v-model="editorview.place" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="时间" hasFeedback>
          <a-input placeholder="默认时间" v-decorator="['id']" v-model="editorview.createTime" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
      </a-form>
      <div class="clearfix">
        <a-upload
          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
          list-type="picture-card"
          :file-list="fileList"
          @preview="handlePreview"
          @change="handleChange"
        >
          <div v-if="fileList.length < 6">
            <a-icon type="plus" />
            <div class="ant-upload-text">Upload</div>
          </div>
        </a-upload>
        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
          <img alt="example" style="width: 100%" :src="previewImage" />
        </a-modal>
      </div>
    </a-modal>
    <!-- 控制编辑弹窗——lost -->
    <a-modal
      title="丢失更新"
      style="top: 20px;"
      :width="800"
      v-model="visibleLost"
      @ok="handleOk('lost')"
    >
      <a-form class="permission-form">
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="丢失物品" hasFeedback>
          <a-input placeholder="默认丢失物品" v-decorator="['id']" v-model="editorview.goods" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="丢失时间" hasFeedback>
          <a-input placeholder="默认丢失时间" v-decorator="['id']" v-model="editorview.time" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="丢失地点" hasFeedback>
          <a-input placeholder="默认丢失地点" v-model="editorview.place" />
        </a-form-item>

        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="联系方式" hasFeedback>
          <a-input placeholder="默认联系方式" v-model="editorview.phone" />
        </a-form-item>
        <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="内容" hasFeedback>
          <a-textarea :rows="5" placeholder="..." id="describe" v-decorator="['describe']" v-model="editorview.content" />
        </a-form-item>
      </a-form>
      <div class="clearfix">
        <a-upload
          action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
          list-type="picture-card"
          :file-list="fileList"
          @preview="handlePreview"
          @change="handleChange"
        >
          <div v-if="fileList.length < 6">
            <a-icon type="plus" />
            <div class="ant-upload-text">Upload</div>
          </div>
        </a-upload>
        <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel">
          <img alt="example" style="width: 100%" :src="previewImage" />
        </a-modal>
      </div>
    </a-modal>
  </div>
</template>
<script>
import { StandardFormRow } from '@/components'
import { getAllPrivateNews, getAllPrivateTopic, getAllPrivateGroupClub, getAllPrivateClub, getAllPrivatePartTime, getAllPrivateSponsor, getAllPrivateLost, updateNews, updateSponsor, updateTopic, updateLost, updatePartTime, updateClub, deleteNews, deleteTopic, deleteClub, deletePartTime, deleteSponsor, deleteLost, selectNews, selectTopic, selectClub, selectPartTime, selectSponsor, selectLost, getPicture } from '@/api/manage'
function getBase64 (file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader()
    reader.readAsDataURL(file)
    reader.onload = () => resolve(reader.result)
    reader.onerror = error => reject(error)
  })
}
export default {
  components: {
    StandardFormRow
  },
  created () {
      this.reAllTopic()
      this.role = this.userInfo.role
  },
  data () {
    return {
      searchData: '',
      data: [],
      role: '',
      totalList: 0,
      previewVisible: false,
      previewImage: '',

      fileList: [
        {
          uid: '-1',
          name: '无图片',
          status: 'done',
          url: ''
        },
        {
          uid: '-2',
          name: '无图片',
          status: 'done',
          url: ''
        },
        {
          uid: '-3',
          name: '无图片',
          status: 'done',
          url: ''
        },
        {
          uid: '-4',
          name: '无图片',
          status: 'done',
          url: ''
        },
        {
          uid: '-5',
          name: '无图片',
          status: 'done',
          url: ''
        },
        {
          uid: '-6',
          name: '无图片',
          status: 'done',
          url: ''
        }
      ],
      // 搜索中
      searchResult: false,
      topic: true,
      club: false,
      privateClub: false,
      part: false,
      sponsor: false,
      lost: false,
      news: false,
      loading: false,
      allowClear: true,
      headStyle: { 'margin-left': '18px' },
      visibleTopic: false,
      visibleNews: false,
      visiblePart: false,
      visibleLost: false,
      visibleClub: false,
      visibleSponsor: false,
      visiblePrivateClub: false,
      type: '',
      labelCol: {
        xs: { span: 24 },
        sm: { span: 5 }
      },
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 }
      },
      // 各个页面的页面数据
      newPageData: {
        pageNum: 0,
        pageSize: 9
      },
      topicPageData: {
        pageNum: 0,
        pageSize: 9
      },
      clubPageData: {
        pageNum: 0,
        pageSize: 9
      },
      privateClubPageData: {
        pageNum: 0,
        pageSize: 9
      },
      partTimePageData: {
        pageNum: 0,
        pageSize: 9
      },
      sponsorPageData: {
        pageNum: 0,
        pageSize: 9,
        content: 'create_time'
      },
      lostPageData: {
        pageNum: 0,
        pageSize: 9
      },
      // 各个页面显示数据
      newDataList: [],
      clubDataList: [],
      partTimeDataList: [],
      sponsorDataList: [],
      lostDataList: [],
      topicDataList: [],
      editorIndex: '0',
      // 修改显示数据
      editorview: {
        id: '',
        title: '',
        createTime: '',
        unit: '',
        time: '',
        place: '',
        content: '',
        name: '',
        post: '',
        settlement: '',
        spread: '',
        goods: '',
        clubName: '',
        picture: ''
      },
      // 图片
      pictures: '',
      num: 1
    }
  },
  computed: {
      userInfo () {
        // console.log(this.$store.getters.userInfo)
        return this.$store.getters.userInfo
      }
  },
  methods: {
    // 各个页面刷新
    // 新闻
    reAllNews () {
      if (this.newPageData.pageNum === 0) {
        this.$set(this.newPageData, 'pageNum', 1)
      } else {
        this.$set(this.newPageData, 'pageNum', this.num)
      }
      getAllPrivateNews(this.newPageData).then((res) => {
        this.newDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
      })
    },
    // 活动
    reAllClub () {
      if (this.clubPageData.pageNum === 0) {
        this.$set(this.clubPageData, 'pageNum', 1)
        // console.log('sadsad')
      } else {
        this.$set(this.clubPageData, 'pageNum', this.num)
        // console.log('1')
      }
      getAllPrivateClub(this.clubPageData).then((res) => {
        this.clubDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
      })
    },
    reAllPrivateClub () {
      if (this.privateClubPageData.pageNum === 0) {
        this.$set(this.privateClubPageData, 'pageNum', 1)
        // console.log('sadsad')
      } else {
        this.$set(this.privateClubPageData, 'pageNum', this.num)
        // console.log('1')
      }
      getAllPrivateGroupClub(this.privateClubPageData).then((res) => {
        this.clubDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
        // console.log('getAllPrivateClub')
      })
    },
    // 兼职
    reAllPartTime () {
      if (this.partTimePageData.pageNum === 0) {
        this.$set(this.partTimePageData, 'pageNum', 1)
      } else {
        this.$set(this.partTimePageData, 'pageNum', this.num)
      }
      getAllPrivatePartTime(this.partTimePageData).then((res) => {
        this.partTimeDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
      })
    },
    // 赞助
    reAllSponser () {
      if (this.sponsorPageData.pageNum === 0) {
        this.$set(this.sponsorPageData, 'pageNum', 1)
      } else {
        this.$set(this.sponsorPageData, 'pageNum', this.num)
      }
      getAllPrivateSponsor(this.sponsorPageData).then((res) => {
        this.sponsorDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
      })
    },
    // 丢失
    reAllLost () {
      if (this.lostPageData.pageNum === 0) {
        this.$set(this.lostPageData, 'pageNum', 1)
      } else {
        this.$set(this.lostPageData, 'pageNum', this.num)
      }
      getAllPrivateLost(this.lostPageData).then((res) => {
        this.lostDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
      })
    },
    // 话题
    reAllTopic () {
      if (this.topicPageData.pageNum === 0) {
        this.$set(this.topicPageData, 'pageNum', 1)
      } else {
        this.$set(this.topicPageData, 'pageNum', this.num)
      }
      getAllPrivateTopic(this.topicPageData).then((res) => {
        this.topicDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log(res)
        }
      )
    },
    // 获取图片
    getAllPicture (e, index) {
      getPicture(e).then((res) => {
        this.pictures = res.split(';')
        // console.log(this.pictures)
        // console.log('success')
        for (var i = index; i < 6; i++) {
          if (i < this.pictures.length) {
            this.fileList[i].url = this.pictures[i].replace('thumbnail.', '')
            // console.log(this.fileList[i].url)
            // console.log(this.pictures.length)
          } else {
            this.fileList[i].url = ''
            // console.log(this.fileList[i].url)
          }
        }
        })
    },
    // 编辑页面
    // 新闻
    editorNews (e) {
      updateNews(e).then((res) => {
        // console.log('editor success1')
      })
    },
    // 话题
    editorTopic (e) {
      updateTopic(e).then((res) => {
        // console.log('editor success2')
      })
    },
    // 活动
    editorClub (e) {
      updateClub(e).then((res) => {
        // console.log('editor success3')
      })
    },
    // 兼职
    editorPartTime (e) {
      updatePartTime(e).then((res) => {
        // console.log('editor success4')
      })
    },
    // 丢失
    editorLost (e) {
      updateLost(e).then((res) => {
        // console.log('editor success5')
      })
    },
    // 赞助
    editorSponsor (e) {
      updateSponsor(e).then((res) => {
        // console.log('editor success6')
      })
    },

    // 删除页面
    // 新闻
    removeNews (index, e) {
      deleteNews(e).then((res) => {
        this.newDataList.splice(index, 1)
        // console.log('delete success1')
      })
    },
    // 话题
    removeTopic (index, e) {
      deleteTopic(e).then((res) => {
        this.topicDataList.splice(index, 1)
        // console.log('delete success2')
      })
    },
    // 活动
    removeClub (index, e) {
      deleteClub(e).then((res) => {
        this.clubDataList.splice(index, 1)
        // console.log('delete success3')
      })
    },
    // 兼职
    removePartTime (index, e) {
      deletePartTime(e).then((res) => {
        this.partTimeDataList.splice(index, 1)
        // console.log('delete success4')
      })
    },
    // 丢失
    removeLost (index, e) {
      deleteLost(e).then((res) => {
        this.lostDataList.splice(index, 1)
        // console.log('delete success6')
      })
    },
    // 赞助
    removeSponsor (index, e) {
      deleteSponsor(e).then((res) => {
        this.sponsorDataList.splice(index, 1)
        // console.log('delete success6')
      })
    },

    // 搜索页面
    // 新闻
    findNews (e) {
      selectNews(e).then((res) => {
        this.newDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log('select success1')
      })
    },
    // 话题
    findTopic (e) {
      selectTopic(e).then((res) => {
        this.topicDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log('select success2')
        })
    },
    // 活动
    findClub (e) {
      selectClub(e).then((res) => {
        // console.log('select success3')
        this.clubDataList = res.datalist
        this.totalList = Number(res.total)
      })
    },
    // 兼职
    findPartTime (e) {
      selectPartTime(e).then((res) => {
        this.partTimeDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log('select success4')
      })
    },
    // 丢失
    findLost (e) {
      selectLost(e).then((res) => {
        this.lostDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log('select success5')
      })
    },
    // 赞助
    findSponsor (e) {
      selectSponsor(e).then((res) => {
        this.sponsorDataList = res.datalist
        this.totalList = Number(res.total)
        // console.log('select success6')
        })
    },
    handleCancel () {
      this.previewVisible = false
    },
    async handlePreview (file) {
      if (!file.url && !file.preview) {
        file.preview = await getBase64(file.originFileObj)
      }
      this.previewImage = file.url || file.preview
      this.previewVisible = true
    },
    handleChange ({ fileList }) {
      this.fileList = fileList
    },
    // 编辑并提交
    handleOk (type) {
      // console.log('handerOK')
      if (type === 'topic') {
        const A = { title: '', content: '', id: '' }
        A.id = this.editorview.id
        A.title = this.editorview.title
        A.content = this.editorview.content
        updateTopic(A)
      } else if (type === 'club') {
        const A = { title: '', content: '', id: '', time: '', place: '' }
        A.id = this.editorview.id
        A.time = this.editorview.time
        A.place = this.editorview.place
        A.title = this.editorview.title
        A.content = this.editorview.content
        updateClub(A)
        this.visibleClub = false
      } else if (type === 'privateClub') {
        const A = { title: '', content: '', id: '', time: '', place: '' }
        A.id = this.editorview.id
        A.time = this.editorview.time
        A.place = this.editorview.place
        A.title = this.editorview.title
        A.content = this.editorview.content
        updateClub(A)
        this.visiblePrivateClub = false
      } else if (type === 'part') {
        const A = { title: '', content: '', id: '', time: '', place: '', unit: '', phone: '', money: '', post: '', settlement: '' }
        A.id = this.editorview.id
        A.unit = this.editorview.unit
        A.time = this.editorview.time
        A.post = this.editorview.Post
        A.money = this.editorview.money
        A.phone = this.editorview.phone
        A.place = this.editorview.place
        A.title = this.editorview.title
        A.content = this.editorview.content
        A.settlement = this.editorview.settlement
        updatePartTime(A)
        this.visiblePart = false
      } else if (type === 'sponsor') {
        const A = { unit: '', content: '', id: '', money: '', phone: '', spread: '' }
        A.id = this.editorview.id
        A.unit = this.editorview.unit
        A.money = this.editorview.money
        A.phone = this.editorview.phone
        A.spread = this.editorview.spread
        A.content = this.editorview.content
        updateSponsor(A)
        this.visibleSponsor = false
      } else if (type === 'news') {
        const A = { title: '', content: '', id: '' }
        A.id = this.editorview.id
        A.title = this.editorview.title
        A.content = this.editorview.content
        updateNews(A)
        this.visibleNews = false
      } else if (type === 'lost') {
        const A = { time: '', content: '', id: '', place: '', goods: '', phone: '' }
        A.id = this.editorview.id
        A.time = this.editorview.time
        A.place = this.editorview.place
        A.phone = this.editorview.phone
        A.goods = this.editorview.goods
        A.content = this.editorview.content
        updateLost(A)
        this.visibleLost = false
      }
      this.$message.success('success edit message')
      this.editorview = ''
      this.editorIndex = ''
    },
    // 进行编辑
    editor (index, type) {
      this.editorIndex = index
      const B = { id: '' }
      this.visibleTopic = false
      // console.log('进行编辑', type)
      if (type === 'topic') {
        this.editorview = this.topicDataList[this.editorIndex]
        B.id = this.topicDataList[this.editorIndex].id
        this.getAllPicture(B, '1')
        if (this.topicDataList[this.editorIndex].picture === '' || this.topicDataList[this.editorIndex].picture === null) {
          this.fileList[0].url = 'error'
      } else {
          this.fileList[0].url = this.topicDataList[this.editorIndex].picture
      }
        this.visibleTopic = true
      } else if (type === 'club') {
        this.editorview = this.clubDataList[this.editorIndex]
        B.id = this.clubDataList[this.editorIndex].id
        this.getAllPicture(B, '0')
        this.visibleClub = true
      } else if (type === 'privateClub') {
        this.editorview = this.clubDataList[this.editorIndex]
        B.id = this.clubDataList[this.editorIndex].id
        this.getAllPicture(B, '0')
        this.visiblePrivateClub = true
      } else if (type === 'part') {
        this.editorview = this.partTimeDataList[this.editorIndex]
        B.id = this.partTimeDataList[this.editorIndex].id
        this.getAllPicture(B, '0')
        this.visiblePart = true
      } else if (type === 'sponsor') {
        this.editorview = this.sponsorDataList[this.editorIndex]
        B.id = this.sponsorDataList[this.editorIndex].id
        this.getAllPicture(B, '0')
        this.visibleSponsor = true
      } else if (type === 'news') {
        this.editorview = this.newDataList[this.editorIndex]
        B.id = this.newDataList[this.editorIndex].id
        this.getAllPicture(B, '1')
        if (this.newDataList[this.editorIndex].picture === '' || this.newDataList[this.editorIndex].picture === null) {
          this.fileList[0].url = 'error'
      } else {
          this.fileList[0].url = this.newDataList[this.editorIndex].picture
        }
        this.visibleNews = true
      } else if (type === 'lost') {
        this.editorview = this.lostDataList[this.editorIndex]
        B.id = this.lostDataList[this.editorIndex].id
        this.getAllPicture(B, '0')
        this.visibleLost = true
      }
    },
    // 执行删除
    remove (index, type) {
      var that = this
      // console.log('执行删除')
      this.$confirm({
        title: '警告',
        content: `真的要删除 ${type} ${index} 吗?`,
        okText: '删除',
        okType: 'danger',
        cancelText: '取消',
        onOk () {
          // console.log('确认删除')
            if (type === 'topic') {
            const A = { id: '' }
            A.id = that.topicDataList[index].id
            // console.log(111)
            that.removeTopic(index, A)
          } else if (type === 'club') {
            const A = { id: '' }
            A.id = that.clubDataList[index].id
            // console.log(111)
            that.removeClub(index, A)
          } else if (type === 'privateClub') {
            const A = { id: '' }
            A.id = that.clubDataList[index].id
            // console.log(111)
            that.removeClub(index, A)
          } else if (type === 'part') {
            const A = { id: '' }
            A.id = that.partTimeDataList[index].id
            // console.log(111)
            that.removePartTime(index, A)
          } else if (type === 'sponsor') {
            const A = { id: '' }
            A.id = that.sponsorDataList[index].id
            // console.log(111)
            that.removeSponsor(index, A)
          } else if (type === 'news') {
            const A = { id: '' }
            A.id = that.newDataList[index].id
            // console.log(111)
            that.removeNews(index, A)
          } else if (type === 'lost') {
            const A = { id: '' }
            A.id = that.lostDataList[index].id
            // console.log('removelost')
            // console.log(A.id)
            that.removeLost(index, A)
          }
          return new Promise((resolve, reject) => {
            setTimeout(Math.random() > 0.5 ? resolve : reject, 1000)
          }).then((res) => {
              that.$message.success('success edit message')
            })
        },
        onCancel () {
          // console.log('Cancel')
        }
      })
    },
    // 进行搜索
    onSearch (value) {
      var that = this
      this.loading = true
      this.searchResult = true
      // console.log(value)
      setTimeout(function () {
        that.loading = false
      }, 3000)
      if (that.news === true) {
      const A = { content: '', pageNum: this.num, pageSize: '9' }
      A.content = that.searchData
      that.findNews(A)
    } else if (that.club === true) {
      const A = { content: '', pageNum: this.num, pageSize: '9' }
      A.content = that.searchData
      that.findClub(A)
    } else if (that.lost === true) {
      const A = { content: '', pageNum: this.num, pageSize: '9' }
      A.content = that.searchData
      that.findLost(A)
    } else if (that.sponsor === true) {
      const A = { content: '', pageNum: this.num, pageSize: '9' }
      A.content = that.searchData
      that.findSponsor(A)
    } else if (that.topic === true) {
      const A = { content: '', pageNum: this.num, pageSize: '9' }
      A.content = that.searchData
      that.findTopic(A)
    } else if (that.part === true) {
      const A = { content: '', pageNum: this.num, pageSize: '9' }
      A.content = that.searchData
      that.findPartTime(A)
    }
   },
    // 决定选择的页面
    select (index) {
      this.num = 0
      if (index === 0) {
        this.topic = true
        this.club = false
        this.part = false
        this.sponsor = false
        this.lost = false
        this.news = false
        this.privateClub = false
        this.$set(this.topicPageData, 'pageNum', 0)
        this.reAllTopic()
      } else if (index === 1) {
        this.topic = false
        this.club = true
        this.part = false
        this.sponsor = false
        this.lost = false
        this.news = false
        this.privateClub = false
        this.$set(this.clubPageData, 'pageNum', 0)
        this.reAllClub()
      } else if (index === 2) {
        this.topic = false
        this.club = false
        this.part = true
        this.sponsor = false
        this.lost = false
        this.news = false
        this.privateClub = false
        this.$set(this.partTimePageData, 'pageNum', 0)
        this.reAllPartTime()
      } else if (index === 3) {
        this.topic = false
        this.club = false
        this.part = false
        this.sponsor = true
        this.lost = false
        this.news = false
        this.privateClub = false
        this.$set(this.sponsorPageData, 'pageNum', 0)
        this.reAllSponser()
      } else if (index === 4) {
        this.topic = false
        this.club = false
        this.part = false
        this.sponsor = false
        this.lost = true
        this.news = false
        this.privateClub = false
        this.$set(this.lostPageData, 'pageNum', 0)
        this.reAllLost()
      } else if (index === 5) {
        this.topic = false
        this.club = false
        this.part = false
        this.sponsor = false
        this.lost = false
        this.news = true
        this.privateClub = false
        this.$set(this.newPageData, 'pageNum', 0)
        this.reAllNews()
      } else if (index === 6) {
        this.topic = false
        this.club = false
        this.part = false
        this.sponsor = false
        this.lost = false
        this.news = false
        this.privateClub = true
        this.$set(this.privateClubPageData, 'pageNum', 0)
        this.reAllPrivateClub()
      }
    }
  }
}
</script>
<style lang="less" scoped>
// 删除浏览器默认样式-begin
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
// 删除浏览器默认样式-end

//所属类目部分-begin
.ant-pro-components-tag-select {
  /deep/ .ant-pro-tag-select .ant-tag {
    margin-right: 24px;
    padding: 0 8px;
    font-size: 14px;
  }
}
.labelLayout {
  margin-left: 20px;
  height: 50%;
}
.labelLayout::before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.pHeight {
  line-height: 30px;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #1890ff;
  border-color: #1890ff;
  border-radius: 5px;
  color: #fff;
  columns: #ffffff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  color: #fff;
  -webkit-box-shadow: -1px 0 0 0 #1890ff;
  box-shadow: -1px 0 0 0 #1890ff;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  background-color: #fff;
}
.ant-radio-button-wrapper:first-child {
  border-left: #fff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  background-color: #1890ff;
  border-color: #1890ff;
  border-radius: 5px;
  color: #fff;
  columns: #ffffff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  color: #fff;
  -webkit-box-shadow: -1px 0 0 0 #1890ff;
  box-shadow: -1px 0 0 0 #1890ff;
}
// 所属类目部分-end

// 话题-begin
.topicExtendMore{
  width: 30%;
  float: right;
  margin-right: 10px;
  margin-top: -10px;
  font-weight: 500;
  font-size: 16px;
}
.TopiccontentDetermine {
  margin-top: 8px;
  margin-left: 8px;
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
// 话题-end

// 新闻-begin
.newsExtendMore{
  width: 30%;
  float: right;
  margin-right: 10px;
  margin-top: -25px;
  font-weight: 500;
  font-size: 16px;
}
.newsContentDetermine {
  height: 40px;
  margin-top: -18px;
  margin-left: -10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
// 新闻-end

// 社团-begin
.clubTitle {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  margin-top: -15px;
  margin-left: -22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
}
.club_top{
  border-bottom-color: black;
  border-bottom: ridge;
}
.clubContentDetermine {
  float: left;
  height: 40px;
  width:100%;
  margin-top: 4px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.clubExtendMore {
  width: 30%;
  float: right;
  margin-right: 10px;
  margin-top: -25px;
  font-weight: 500;
  font-size: 16px;
}
.clubmoreflatbox{
  float: right;
}
.partflexBox {
  display: flex;
  flex-direction: row;
}
.sponsorflexBox{
  display: flex;
}
// 社团-end

// 兼职、赞助-begin
.iconAction {
  margin-left: -20px;
  margin-top: -40px;
}
.sponsoriconAction {
  float: left;
}
.partTitle {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
}
.partmorefloatbox{
  float: right;
}
.partExtendMore {
  float: right;
  margin-right: -22px;
  margin-top: -12px;
  font-weight: 500;
  font-size: 16px;
}
.partContent {
  height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.sponosorContent{
  // height: 40px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.contentLine {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
}
//兼职、赞助-end

// 丢失-begin
.flexPicture {
  display: flex;
  flex-direction: row;
}
.lostIconAction{
  margin-left: -10px;
  margin-top: -30px;
}
.lostTitle{
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  margin-top: -10px;
  margin-left: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
}
// 丢失-end

// 编辑弹窗-begin
.permission-form {
  /deep/ .permission-group {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.ant-upload-select-picture-card i {
  font-size: 32px;
  color: #999;
}

.ant-upload-select-picture-card .ant-upload-text {
  margin-top: 8px;
  color: #666;
}
// 编辑弹窗-end
.timeLine{
  float:right;
  margin-right:-14px;
  margin-bottom:-16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  word-break: break-all;
}
</style>
